<template>
  <div id="cesiumContainer"></div>
</template>

<script>
export default {
  data() {
    return {
      viewer:null
    };
  },
  mounted(){
    this.initCesium()
  },
  methods:{
    initCesium(){
      const ersi=new Cesium.ArcGisMapServerImageryProvider({
        url:'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
      })
      Cesium.Ion.defaultAccessToken =
        "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI4NTYxZWYzZi1jYTc0LTRiZWYtYjkxYS03M2ViNTYyYTk4OTciLCJpZCI6MTEzMDEwLCJpYXQiOjE2NjcyMDIzNTB9.ovVryIJRAyp_zT2XsSYdbaPGTRJEjtWMbma7_NGHZA4";
      const viewer=new Cesium.CesiumTerrainProvider({
        url:Cesium.IonResource.fromAssetId(1),
        requestVertexNormals:true,
        requestWarterMask:true
      })
    }
  }
};
</script>

<style lang="scss" scoped>
.cesiumContainer {
  height: 100%;
  #cesiumContainer {
    height: 100%;
  }
}
</style>